body {
    background:#000;
    font-family:'Microsoft YaHei',sans-serif;
    color:#fff;
    margin:0;
  }
  
  .layout {
    display:flex;
    max-width:1200px;
    margin:0 auto;
    padding:40px 24px;
    gap:32px;
  }
  
  /* 左侧 */
  .left-panel { width:50%; }
  .title { color:#D6A75B; font-size:26px; margin-bottom:8px; }
  .lead { color:#CFCFCF; font-size:14px; margin-bottom:16px; }
  
  .slider-wrap { margin-bottom:18px; }
  label { display:block; margin-bottom:6px; font-size:15px; }
  input[type=range] {
    width:100%; height:4px; background:#444; border-radius:4px;
  }
  .btn {
    width:100%; padding:14px 0; background:#D6A75B; color:#000;
    border:none; border-radius:6px; margin-top:16px; cursor:pointer;
  }
  
  /* 右侧 */
  .right-panel {
    width:50%;
    border-left:1px solid #333;
    padding-left:32px;
    display:flex;
    flex-direction:column;
    justify-content:space-between;
  }
  .title-sm { color:#D6A75B; font-size:18px; margin-bottom:14px; }
  
  .radar-box {
    flex:1; display:flex; justify-content:center; align-items:center;
    margin-bottom:20px;
  }
  #radarChart { width:88%; max-height:260px; }
  
  .result-box {
    flex:1; border-top:1px solid #333; padding-top:14px;
  }
  .block-title { color:#D6A75B; font-size:16px; margin-bottom:10px; }
  .text { color:#ccc; font-size:14px; margin-bottom:14px; }
  .action-list li { font-size:14px; margin-bottom:8px; }
  .intro-a, .intro-b, .intro-c {
    color:#CFCFCF;
    font-size:14px;
    line-height:1.55;
    margin:10px 0 20px 0;
  }
  